//======================================公共头=============================================//
@opacityBorder-fff: #3c4b64;
@opacityBorder-341: #e6e6eb;

.groupHeader {
    position : absolute;
    z-index  : 10;
    width    : 100%;
    // height: 100%;

    .top_nav {
        height          : 40px;
        line-height     : 40px;
        background-color: #0f2341;


        .top_nav_content_left {

            span {
                font-size   : 14px;
                color       : #ffffff;
                margin-right: 5px;
                cursor      : pointer;
                line-height : 40px;
            }

            i {
                color : #ffffff;
                cursor: pointer;
            }

            .iconarrow-sanjiao-down-s {
                display: inline-block;
            }

            .iconarrow-sanjiao-up-s {
                display: none;
            }

            &.show {
                .iconarrow-sanjiao-down-s {
                    display: none;
                }

                .iconarrow-sanjiao-up-s {
                    display: inline-block;
                }

                .officialWebsite {
                    display: block;
                }
            }

            .officialWebsite {
                display       : none; //hover
                position      : absolute;
                top           : 40px;
                left          : 0;
                background    : rgba(15, 35, 65, 0.95);
                z-index       : 13;
                line-height   : normal;
                padding-bottom: 20px;
                padding-top   : 5px;
                filter        : progid:DXImageTransform.Microsoft.gradient(startColorstr=#E50f2341, endColorstr=#E50f2341);

                .officialWebsite_close {
                    height       : 70px;
                    line-height  : 70px;
                    width        : 100%;
                    text-align   : right;
                    border-bottom: 1px solid rgba(15, 35, 65, .2);
                    box-sizing   : border-box;

                    .iconclose {
                        font-size    : 24px;
                        color        : #666666;
                        padding-right: 23px;
                    }
                }

                .brandCategory {
                    text-align    : left;
                    padding-bottom: 25px;
                    border-top    : 1px solid rgba(255, 255, 255, 0.10); //颜色待确认

                    &:first-child {
                        border-top: 0;
                    }

                    p {
                        font-size     : 14px;
                        color         : #ffffff;
                        opacity       : 0.45;
                        filter        : alpha(opacity=45);
                        -moz-opacity  : 0.45;
                        -khtml-opacity: 0.45;
                        padding-top   : 25px;
                        padding-bottom: 15px;

                    }

                    ul {
                        li {
                            margin-left: 30px;

                            a {
                                img {
                                    height: 25px;
                                }
                            }

                            &:first-child {
                                margin-left: 0px;
                            }
                        }
                    }
                }


            }
        }

        .top_nav_content_right {
            text-align: right;

            .quick_entrance {
                cursor     : pointer;
                display    : inline-block;
                font-size  : 14px;
                color      : #ffffff;
                display    : inline-block;
                line-height: normal;
                position   : relative;

                span {
                    margin-right: 5px;
                    line-height : 40px;
                }

                .quickEntrance_content {
                    display       : none; //hover
                    position      : absolute;
                    width         : 320px;
                    background    : rgba(15, 35, 65, 0.95);
                    z-index       : 1;
                    right         : 0;
                    top           : 40px;
                    text-align    : left;
                    padding       : 0px 30px;
                    padding-bottom: 15px;
                    box-sizing    : border-box;
                    padding-top   : 10px;
                    filter        : progid:DXImageTransform.Microsoft.gradient(startColorstr=#E50f2341, endColorstr=#E50f2341);

                    .iconclose {
                        font-size: 24px;
                    }

                    .quickEntrance_item {
                        padding-top: 15px;
                        border-top : 1px solid rgba(255, 255, 255, 0.10); //颜色
                        box-sizing : border-box;

                        p {
                            font-size     : 12px;
                            color         : #ffffff;
                            opacity       : 0.45;
                            filter        : alpha(opacity=45);
                            -moz-opacity  : 0.45;
                            -khtml-opacity: 0.45;
                        }

                        ul {
                            margin-top    : 10px;
                            padding-bottom: 15px;

                            li {
                                padding    : 0px 10px;
                                border-left: 1px solid rgba(255, 255, 255, 0.2);
                                line-height: 1;

                                a {
                                    font-size: 12px;
                                    color    : #ffffff;
                                }

                                &:first-child {
                                    padding-left: 0;
                                    border-left : 0px;
                                }

                                &.padding-r-0 {
                                    padding-right: 0;
                                }
                            }
                        }

                        &:first-child {
                            border: 0;
                        }

                    }
                }

                .iconarrow-sanjiao-down-s {
                    display: inline-block;
                }

                .iconarrow-sanjiao-up-s {
                    display: none;
                }

                &.show {
                    .iconarrow-sanjiao-down-s {
                        display: none;
                    }

                    .iconarrow-sanjiao-up-s {
                        display: inline-block;
                    }

                    .quickEntrance_content {
                        display: block;
                    }
                }
            }

            .line {
                display         : inline-block;
                width           : 1px;
                height          : 15px;
                background-color: #ffffff;
                opacity         : 0.6;
                filter          : alpha(opacity=60);
                -moz-opacity    : 0.6;
                -khtml-opacity  : 0.6;
                margin          : 0px 30px;
                vertical-align  : middle;
            }

            .language {
                display: inline-block;

                a {
                    display       : inline-block;
                    font-size     : 14px;
                    color         : #ffffff;
                    opacity       : 0.45;
                    filter        : alpha(opacity=45);
                    -moz-opacity  : 0.45;
                    -khtml-opacity: 0.45;

                    &.color {
                        color  : #ffffff; //修改
                        opacity: 1;
                    }
                }

                p {
                    display         : inline-block;
                    width           : 1px;
                    height          : 10px;
                    background-color: #ffffff;
                    opacity         : 0.2;
                    filter          : alpha(opacity=20);
                    -moz-opacity    : 0.2;
                    -khtml-opacity  : 0.2;
                    margin          : 0px 10px;
                    vertical-align  : middle;
                }
            }
        }
    }

    .top_nav_main {
        // background   : burlywood;
        background : rgba(15, 35, 65, 0.2); //待确认
        filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr=#330f2341, endColorstr=#330f2341);
        height     : 80px;
        line-height: 80px;
        position   : relative;

        .top_nav_main_content {
            text-align: center;

            .group_logo {
                width     : 10%;
                text-align: left;

                .logo {
                    display: none;
                }
            }

            .group_nav_group {
                font-size    : 20px;
                width        : auto;
                text-align   : left;
                // display   : none; //dnone

                .nav_group_item {
                    .nav_title {
                        padding   : 0px 30px;
                        box-sizing: border-box;

                        p {
                            font-size     : 14px;
                            letter-spacing: 0px;
                            color         : #ffffff;
                            opacity       : 0.6;
                            filter        : alpha(opacity=60);
                            -moz-opacity  : 0.6;
                            -khtml-opacity: 0.6;
                            cursor        : pointer;
                        }
                    }

                    .group_item {
                        display   : none; //hover
                        background: #293751; //待确认
                        position  : absolute;
                        left      : 0;
                        width     : 100%;
                        top       : 80px;

                        .group_item_left {
                            padding         : 45px 0px;
                            text-align      : left;
                            // width        : 35%;  //设计图给的 有差距
                            width           : 36.37%;
                            padding-right   : 60px;

                            .pic_hidden {
                                width   : 100%;
                                overflow: hidden;
                                height  : 220px;
                                position: relative;
                                width   : 100%;

                                img {
                                    height: 100%;
                                }

                                h2 {
                                    font-size  : 20px;
                                    font-weight: bold;
                                    color      : #ffffff;
                                    position   : absolute;
                                    left       : 30px;
                                    bottom     : 20px;
                                }
                            }


                            border-right:1px solid rgba(255, 255, 255, 0.1); //颜色待确认
                        }

                        .group_item_right {
                            width       : 63.63%;
                            text-align  : left;
                            padding-left: 60px;
                            padding-top : 47px;


                            .group_item_right_top {

                                line-height: normal;

                                ul {
                                    border-bottom: 1px solid rgba(255, 255, 255, 0.10); //颜色待确认


                                    li {
                                        width         : 80px;
                                        text-align    : center;
                                        font-size     : 16px;
                                        margin-left   : 25px;
                                        padding-bottom: 15px;
                                        position      : relative;

                                        a {
                                            color: white; //颜色待确认
                                        }

                                        &:first-child {
                                            margin-left: 0px;
                                        }

                                        &.active {
                                            :after {
                                                content         : " ";
                                                width           : 100%;
                                                height          : 2px;
                                                background-color: #32beff;
                                                position        : absolute;
                                                bottom          : -1px;
                                                left            : 0;
                                            }
                                        }
                                    }
                                }
                            }

                            .group_item_right_bottom {
                                margin-top: 20px;
                                text-align: left;

                                .img_item {
                                    width     : 50%;
                                    text-align: left;

                                    .pic_hidden {
                                        width   : 100%;
                                        height  : 160px;
                                        position: relative;
                                        overflow: hidden;

                                        img {
                                            height: 100%;
                                        }
                                    }

                                    &.img_item_left {
                                        padding-right: 15px;
                                    }

                                    &.img_item_right {
                                        padding-left: 15px;
                                    }
                                }
                            }

                        }

                    }

                    &.close_nav {
                        width        : 100%;
                        text-align   : right;
                        padding-right: 27px;
                        border-bottom: 1px solid rgba(15, 35, 65, 0.1);
                        box-sizing   : border-box;

                        .iconclose {
                            color    : #666666;
                            font-size: 24px;
                        }

                        .nav_title {
                            padding: 0;
                        }
                    }

                    &.show {
                        .nav_title {
                            position: relative;

                            p {
                                color         : #ffffff;
                                opacity       : 1;
                                filter        : alpha(opacity=100);
                                -moz-opacity  : 1;
                                -khtml-opacity: 1;
                                font-weight   : bold;
                            }

                            &:after {
                                content   : " ";
                                position  : absolute;
                                bottom    : 0;
                                width     : 100%;
                                height    : 2px;
                                background: #ffffff;
                                left      : 0;
                            }
                        }

                        .group_item {
                            display: block;
                        }
                    }

                    &.active {
                        .nav_title {
                            position: relative;

                            p {
                                color         : #ffffff;
                                opacity       : 1;
                                filter        : alpha(opacity=100);
                                -moz-opacity  : 1;
                                -khtml-opacity: 1;
                                font-weight   : bold;
                            }

                            &:after {
                                content   : " ";
                                position  : absolute;
                                bottom    : 0;
                                width     : 100%;
                                height    : 2px;
                                background: #ffffff;
                                left      : 0;
                            }
                        }
                    }
                }

            }

            .group_nav_search {
                text-align : right;
                line-height: normal;
                height     : auto;
                padding    : 20px 0px;

                .serach_input {
                    width        : 150px;
                    border       : 1px solid rgba(255, 255, 255, 0.2);
                    box-sizing   : border-box;
                    height       : 40px;
                    line-height  : 40px;
                    text-align   : left;
                    padding-left : 16px;
                    padding-right: 11px;

                    input {
                        border      : none;
                        outline     : none;
                        width       : 90px;
                        font-size   : 14px;
                        background  : none;
                        margin      : 0;
                        margin-right: 15px;
                        color       : rgba(255, 255, 255, 0.3);

                        &.emt {
                            color: rgba(255, 255, 255, 0.3);
                        }
                    }

                    .icon_group {
                        vertical-align: baseline;
                        height        : 38px;
                        line-height   : 38px;

                        .serach_icon {
                            font-size     : 16px;
                            vertical-align: baseline;
                            color         : #ffffff;

                        }

                        .menu_icon {
                            text-align  : center;
                            font-size   : 24px;
                            color       : #ffffff;
                            margin-left : 46px;
                            margin-right: 23px;

                        }

                        .iconclose {
                            text-align    : center;
                            font-size     : 24px;
                            color         : #cccccc;
                            margin-left   : 46px;
                            margin-right  : 23px;
                            vertical-align: baseline;
                        }
                    }

                }

            }
        }
    }

    .nav_mask {
        position  : absolute;
        left      : 0;
        right     : 0;
        bottom    : 0;
        top       : 0;
        background: #0f2341;
        z-index   : 0;
        display   : none;
        opacity   : 0.9;
        z-index   : 2;
        height    : 100%;
    }

    @media (min-width: 1200px)and (max-width:1280px) {
        .top_nav_main .top_nav_main_content .group_nav_group .nav_group_item .nav_title {
            padding: 0px 20px;
        }
    }

    @media (min-width: 1200px)and (max-width:1254px) {

        //使用lg
        .top_nav_main {
            .top_nav_main_content {
                .group_nav_group {
                    .nav_group_item {
                        .group_item {
                            .group_item_right {
                                .group_item_right_top {
                                    ul {
                                        li {
                                            width: 70px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {

        .top_nav {
            .top_nav_content_left {
                .officialWebsite {
                    .brandCategory {
                        ul {
                            li {
                                a {
                                    img {
                                        height: 20px;
                                    }
                                }
                            }
                        }
                    }
                }
            }

        }

        //lg
        .top_nav_main {
            height     : 70px;
            line-height: 70px;

            .top_nav_main_content {

                .group_logo {
                    img {
                        width : 70px;
                        height: 21px;
                    }
                }

                .group_nav_group {

                    // padding-left: 51px;
                    .nav_group_item_group {


                        .nav_group_item {

                            .nav_title {
                                padding: 0px 10px;
                            }

                            .group_item {
                                top: 70px;

                                .group_item_left {
                                    padding-right: 30px;

                                    .pic_hidden {
                                        height: 160px;

                                        h2 {
                                            left: 20px;
                                        }
                                    }
                                }

                                .group_item_right {
                                    padding-left: 30px;

                                    .group_item_right_top {

                                        line-height: normal;

                                        ul {

                                            li {
                                                width      : 70px;
                                                font-size  : 14px;
                                                margin-left: 15px;

                                                &:first-child {
                                                    margin-left: 0;
                                                }
                                            }
                                        }
                                    }

                                    .group_item_right_bottom {

                                        .img_item {

                                            .pic_hidden {
                                                height: 105px;
                                            }
                                        }
                                    }

                                }


                            }

                            &:last-child {
                                .nav_title {
                                    padding-right: 0;
                                }

                            }
                        }
                    }
                }

                .group_nav_search {

                    padding: 15px 0px;

                    .serach_input {
                        width: 130px;

                        input {

                            width: 70px;
                        }

                        .icon_group {
                            vertical-align: baseline;
                            height        : 38px;
                            line-height   : 38px;
                        }

                    }

                }
            }
        }
    }

    @media (min-width: 701px) and (max-width: 991px) {
        //md

        // position: fixed;

        .top_nav {
            display : none;
            position: absolute;
            bottom  : 0;
            width   : 75%;
            right   : 0;
            padding : 0px 30px;
            z-index : 4;

            .top_nav_content_left {
                .officialWebsite {
                    top       : unset;
                    bottom    : 40px;
                    height    : ~"calc(100%  - 40px)";
                    background: white;
                    padding   : 0;
                    overflow  : hidden;

                    .brandCategoryGroup {
                        height  : ~"calc(100% - 52px)";
                        overflow: auto;
                    }

                    .brandCategory {
                        padding   : 0px 30px;
                        border-top: 1px solid rgba(15, 35, 65, 0.1);



                        p {
                            padding-top   : 30px;
                            font-size     : 14px;
                            color         : #666666;
                            padding-bottom: 20px;
                        }

                        ul {
                            text-align    : left;
                            padding-bottom: 10px;

                            li {
                                margin-left   : 0px;
                                margin-right  : 30px;
                                padding-bottom: 20px;

                                a {
                                    img {
                                        height: 20px;
                                    }
                                }

                                &:first-child {
                                    margin-left: 0px;
                                }
                            }
                        }
                    }

                }
            }

            .top_nav_content_right {
                text-align: right;

                .quick_entrance {
                    cursor     : pointer;
                    display    : inline-block;
                    font-size  : 14px;
                    color      : #ffffff;
                    display    : inline-block;
                    line-height: normal;
                    position   : unset;

                    span {
                        margin-right: 5px;
                    }


                    .quickEntrance_content {
                        display   : none; //hover
                        height    : ~"calc(100%  - 40px)";
                        position  : absolute;
                        width     : 100%;
                        background: white;
                        z-index   : 1;
                        right     : 0;
                        top       : unset;
                        text-align: left;
                        bottom    : 40px;
                        padding   : 0px;
                        box-sizing: border-box;

                        .quick_entrance_close {
                            font-size    : 0px;
                            color        : #666666;
                            line-height  : 70px;
                            height       : 70px;
                            text-align   : right;
                            padding-right: 23px;
                            border-bottom: 1px solid rgba(15, 35, 65, .2);
                            box-sizing   : border-box;
                            width        : 100%;

                            .iconfont {
                                font-size: 24px;

                            }
                        }

                        .quickEntrance_content_group {
                            height  : ~"calc(100%  - 71px)";
                            overflow: auto;
                        }

                        .quickEntrance_item {
                            padding-top: 15px;
                            border-top : 1px solid rgba(15, 35, 65, .1); //颜色
                            box-sizing : border-box;
                            padding    : 0px 30px;

                            p {
                                font-size  : 14px;
                                color      : #999999;
                                opacity    : 1;
                                padding-top: 30px;
                            }

                            ul {
                                margin-top    : 15px;
                                padding-bottom: 25px;

                                li {
                                    padding    : 0px 10px;
                                    border-left: 1px solid rgba(15, 35, 65, .1);
                                    line-height: 1;

                                    a {
                                        font-size: 14px;
                                        color    : #333333;
                                    }

                                    &:first-child {
                                        padding-left: 0;
                                        border-left : 0px;
                                    }

                                    &.padding-r-0 {
                                        padding-right: 0;
                                    }
                                }
                            }

                            &:first-child {
                                border: 0;
                            }

                        }
                    }
                }


                .line {
                    margin: 0 25px;
                }
            }
        }

        .top_nav_main {
            height     : 70px;
            line-height: 70px;
            position   : unset;
            z-index    : 1;

            .top_nav_main_content {
                padding-left: 30px;

                .group_logo {
                    img {
                        width : 70px;
                        height: 21px;
                    }
                }

                .group_nav_group {
                    display   : none;
                    position  : absolute;
                    width     : 75%;
                    right     : 0;
                    background: white;
                    top       : 0px;
                    height    : ~"calc(100%  - 40px)";
                    z-index   : 3;

                    .nav_group_item_group {
                        height  : ~"calc(100%  - 71px)";
                        overflow: auto;
                    }

                    .nav_group_item {
                        display      : block;
                        border-bottom: 1px solid rgba(15, 35, 65, 0.1);

                        .nav_title {
                            display        : flex;
                            align-items    : center;
                            justify-content: space-between;

                            p {
                                color    : #333333;
                                opacity  : 1;
                                font-size: 16px;
                            }
                        }

                        .group_item {
                            position  : relative;
                            top       : 0;
                            background: none;

                            .group_item_right {
                                width  : 100%;
                                padding: 0;

                                .group_item_right_top {
                                    padding    : 0px 30px;
                                    line-height: normal;

                                    ul {
                                        border        : none;
                                        padding-bottom: 10px;

                                        li {
                                            margin        : 0;
                                            width         : 50%;
                                            text-align    : left;
                                            padding-bottom: 20px;

                                            a {
                                                font-size: 14px;
                                                color    : #666666;
                                            }

                                            &.active {
                                                display: none;
                                            }

                                        }
                                    }
                                }

                            }

                        }

                        &.show {
                            .nav_title {
                                position: relative;

                                p {
                                    color: #333333 !important;
                                }

                                &:after {
                                    display: none;
                                }

                                i {
                                    transform : rotate(180deg);
                                    transition: transform 0.2s;
                                }
                            }

                            .group_item {
                                display: block;
                            }
                        }

                        &.active {
                            .nav_title {
                                position: relative;

                                p {
                                    color      : #333333 !important;
                                    font-weight: normal;
                                }

                                &:after {
                                    display: none;
                                }
                            }
                        }

                        &.show {
                            .nav_title {
                                p {
                                    font-weight: normal;
                                }
                            }
                        }
                    }
                }

                .group_nav_search {
                    text-align : right;
                    line-height: normal;
                    height     : auto;
                    padding    : 15px 0px;

                    .serach_input {
                        width  : auto;
                        padding: 0;
                        border : none;

                        input {
                            display     : none;
                            margin      : 0;
                            margin-right: 15px;

                        }

                        .icon_group {
                            vertical-align: baseline;

                            .serach_icon {
                                font-size     : 24px;
                                vertical-align: baseline;
                                color         : #ffffff;

                            }

                            .menu_icon {
                                text-align    : center;
                                font-size     : 24px;
                                color         : #ffffff;
                                margin-left   : 46px;
                                margin-right  : 23px;
                                vertical-align: baseline;

                            }
                        }

                    }


                }

                &.serach_open {
                    position: relative;

                    .group_nav_search {
                        position  : absolute;
                        background: white;
                        width     : 100%;
                        left      : 0;

                        .serach_input {
                            display        : flex;
                            justify-content: space-around;
                            text-align     : right;

                            padding: 0;
                            border : none;

                            input {
                                display      : block;
                                margin       : 0;
                                color        : #cccccc;
                                flex         : 1;
                                padding-left : 30px;
                                padding-right: 30px;

                                .emt {
                                    color: #cccccc;
                                }
                            }

                            .icon_group {


                                .serach_icon {
                                    color: #666666;
                                }

                                .menu_icon {
                                    display: none !important;
                                    color  : #666666;
                                }

                                .iconclose {
                                    display: inline-block !important;
                                }
                            }

                        }
                    }
                }
            }
        }

        .nav_mask {
            display: none;
        }

    }

    @media (min-width: 576px) and (max-width: 700px) {
        //sm


        .top_nav {
            display : none;
            position: absolute;
            bottom  : 0;
            width   : 75%;
            right   : 0;
            padding : 0px 30px;
            z-index : 4;

            .top_nav_content_left {
                .officialWebsite {
                    top       : unset;
                    bottom    : 40px;
                    height    : ~"calc(100%  - 40px)";
                    background: white;
                    padding   : 0;
                    overflow  : hidden;

                    .brandCategoryGroup {
                        height  : ~"calc(100% - 72px)";
                        overflow: auto;
                    }

                    .brandCategory {
                        padding   : 0px 30px;
                        border-top: 1px solid rgba(15, 35, 65, 0.1);



                        p {
                            padding-top   : 30px;
                            font-size     : 14px;
                            color         : #666666;
                            padding-bottom: 20px;
                        }

                        ul {
                            text-align    : left;
                            padding-bottom: 10px;

                            li {
                                margin-left   : 0px;
                                margin-right  : 30px;
                                padding-bottom: 20px;

                                a {
                                    img {
                                        height: 20px;
                                    }
                                }

                                &:first-child {
                                    margin-left: 0px;
                                }
                            }
                        }
                    }

                }
            }

            .top_nav_content_right {
                text-align: right;

                .quick_entrance {
                    cursor     : pointer;
                    display    : inline-block;
                    font-size  : 14px;
                    color      : #ffffff;
                    display    : inline-block;
                    line-height: normal;
                    position   : unset;

                    span {
                        margin-right: 5px;
                    }

                    .quickEntrance_content {
                        // display       : none; //hover
                        height    : ~"calc(xw  - 40px)";
                        position  : absolute;
                        width     : 100%;
                        background: white;
                        z-index   : 1;
                        right     : 0;
                        top       : unset;
                        text-align: left;
                        bottom    : 40px;
                        padding   : 0px;
                        box-sizing: border-box;

                        .quick_entrance_close {
                            font-size    : 0px;
                            color        : #666666;
                            line-height  : 70px;
                            height       : 70px;
                            text-align   : right;
                            padding-right: 23px;
                            border-bottom: 1px solid rgba(15, 35, 65, .2);
                            width        : 100%;
                            box-sizing   : border-box;

                        }

                        .quickEntrance_content_group {
                            height  : ~"calc(100%  - 71px)";
                            overflow: auto;
                        }

                        .quickEntrance_item {
                            padding-top: 15px;
                            border-top : 1px solid rgba(15, 35, 65, .1); //颜色
                            box-sizing : border-box;
                            padding    : 0px 30px;

                            p {
                                font-size  : 14px;
                                color      : #999999;
                                opacity    : 1;
                                padding-top: 30px;
                            }

                            ul {
                                margin-top    : 15px;
                                padding-bottom: 25px;

                                li {
                                    padding    : 0px 10px;
                                    border-left: 1px solid rgba(15, 35, 65, .1);
                                    line-height: 1;

                                    a {
                                        font-size: 14px;
                                        color    : #333333;
                                    }

                                    &:first-child {
                                        padding-left: 0;
                                        border-left : 0px;
                                    }

                                    &.padding-r-0 {
                                        padding-right: 0;
                                    }
                                }
                            }

                            &:first-child {
                                border: 0;
                            }

                        }
                    }
                }

                .line {
                    margin: 0 25px;
                }
            }
        }

        .top_nav_main {
            height     : 70px;
            line-height: 70px;
            position   : unset;
            z-index    : 1;

            .top_nav_main_content {
                padding-left: 30px;

                .group_logo {
                    width: auto;

                    img {
                        width : 70px;
                        height: 21px;
                    }
                }

                .group_nav_group {
                    display   : none;
                    position  : absolute;
                    width     : 75%;
                    right     : 0;
                    background: white;
                    top       : 0px;
                    height    : ~"calc(100%  - 40px)";
                    overflow  : auto;
                    z-index   : 3;

                    .nav_group_item_group {
                        height  : ~"calc(100%  - 71px)";
                        overflow: auto;
                    }

                    .nav_group_item {
                        display      : block;
                        border-bottom: 1px solid rgba(15, 35, 65, 0.1);

                        .nav_title {
                            display        : flex;
                            align-items    : center;
                            justify-content: space-between;

                            p {
                                color    : #333333;
                                opacity  : 1;
                                font-size: 16px;
                            }
                        }



                        .group_item {
                            position  : relative;
                            top       : 0;
                            background: none;

                            .group_item_right {
                                width  : 100%;
                                padding: 0;

                                .group_item_right_top {
                                    padding    : 0px 30px;
                                    line-height: normal;

                                    ul {
                                        border        : none;
                                        padding-bottom: 10px;

                                        li {
                                            margin        : 0;
                                            width         : 50%;
                                            text-align    : left;
                                            padding-bottom: 20px;

                                            a {
                                                font-size: 14px;
                                                color    : #666666;
                                            }

                                            &.active {
                                                display: none;
                                            }
                                        }
                                    }
                                }

                            }

                        }


                        &.show {
                            .nav_title {
                                position: relative;

                                p {
                                    color: #333333;
                                }

                                i {
                                    transform : rotate(180deg);
                                    transition: transform 0.2s;
                                }

                                &:after {
                                    display: none;
                                }
                            }

                            .group_item {
                                display: block;
                            }
                        }

                        &.active {
                            .nav_title {
                                position: relative;

                                p {
                                    color      : #333333;
                                    font-weight: normal;
                                }

                                &:after {
                                    display: none;
                                }
                            }
                        }

                        &.show {
                            .nav_title {
                                p {
                                    font-weight: normal;
                                }
                            }
                        }
                    }
                }


                .group_nav_search {
                    text-align : right;
                    line-height: normal;
                    height     : auto;
                    padding    : 15px 0px;

                    .serach_input {
                        width  : auto;
                        padding: 0;
                        border : none;

                        input {
                            display     : none;
                            margin      : 0;
                            margin-right: 15px;

                        }

                        .icon_group {
                            vertical-align: baseline;

                            .serach_icon {
                                font-size     : 24px;
                                vertical-align: baseline;
                                color         : #ffffff;

                            }

                            .menu_icon {
                                text-align    : center;
                                font-size     : 24px;
                                color         : #ffffff;
                                margin-left   : 46px;
                                margin-right  : 23px;
                                vertical-align: baseline;

                            }
                        }

                    }


                }

                &.serach_open {
                    position: relative;

                    .group_nav_search {
                        position  : absolute;
                        background: white;
                        width     : 100%;
                        left      : 0;

                        .serach_input {
                            display        : flex;
                            justify-content: space-around;
                            text-align     : right;

                            padding: 0;
                            border : none;

                            input {
                                display      : block;
                                margin       : 0;
                                color        : #cccccc;
                                flex         : 1;
                                padding-left : 30px;
                                padding-right: 30px;

                                .emt {
                                    color: #cccccc;
                                }
                            }

                            .icon_group {


                                .serach_icon {
                                    color: #666666;
                                }

                                .menu_icon {
                                    display: none !important;
                                    color  : #666666;
                                }

                                .iconclose {
                                    display: inline-block !important;
                                }
                            }

                        }
                    }
                }
            }
        }

        .nav_mask {
            display: none;
        }
    }

    @media (max-width: 575px) {

        //xs

        .top_nav {
            display    : none;
            position   : absolute;
            bottom     : 0;
            width      : 100%;
            right      : 0;
            padding    : 0px 20px;
            z-index    : 4;
            height     : 32px;
            line-height: 32px;

            .top_nav_content_left {
                span {
                    font-size  : 12px;
                    line-height: normal;
                }



                .officialWebsite {
                    top       : unset;
                    bottom    : 32px;
                    height    : ~"calc(100%  - 32px)";
                    background: white;
                    padding   : 0;
                    overflow  : hidden;

                    .officialWebsite_close {
                        height     : 50px;
                        line-height: 50px;


                        .iconclose {
                            font-size    : 24px;
                            padding-right: 20px;
                        }
                    }

                    .brandCategoryGroup {
                        height  : ~"calc(100% - 52px)";
                        overflow: auto;
                    }

                    .brandCategory {
                        padding   : 0px 20px;
                        border-top: 1px solid rgba(15, 35, 65, 0.1);



                        p {
                            padding-top   : 30px;
                            font-size     : 14px;
                            color         : #666666;
                            padding-bottom: 20px;
                        }

                        ul {
                            text-align    : left;
                            padding-bottom: 10px;

                            li {
                                margin-left   : 0px;
                                margin-right  : 30px;
                                padding-bottom: 20px;

                                a {
                                    img {
                                        height: 20px;
                                    }
                                }

                                &:first-child {
                                    margin-left: 0px;
                                }
                            }
                        }
                    }

                }
            }

            .top_nav_content_right {
                text-align: right;

                .quick_entrance {
                    cursor     : pointer;
                    display    : inline-block;
                    font-size  : 12px;
                    color      : #ffffff;
                    display    : inline-block;
                    line-height: normal;
                    position   : unset;

                    span {
                        margin-right: 5px;
                        line-height : normal;
                    }

                    .quickEntrance_content {
                        // display       : none; //hover
                        height    : ~"calc(100%  - 40px)";
                        position  : absolute;
                        width     : 100%;
                        background: #ffffff;
                        z-index   : 1;
                        right     : 0;
                        top       : unset;
                        text-align: left;
                        bottom    : 32px;
                        padding   : 0px;
                        box-sizing: border-box;

                        .quick_entrance_close {
                            font-size    : 0px;
                            color        : #666666;
                            line-height  : 50px;
                            height       : 50px;
                            text-align   : right;
                            padding-right: 20px;
                            border-bottom: 1px solid rgba(15, 35, 65, .2);
                            width        : 100%;
                            box-sizing   : border-box;

                            .iconfont {
                                font-size: 24px;
                            }
                        }

                        .quickEntrance_content_group {
                            height     : ~"calc(100%  - 51px)";
                            overflow   : auto;
                            padding-top: 10px;
                        }

                        .quickEntrance_item {
                            padding-top: 15px;
                            border-top : 1px solid rgba(15, 35, 65, .1); //颜色
                            box-sizing : border-box;
                            padding    : 0px 20px;

                            p {
                                font-size  : 14px;
                                color      : #999999;
                                opacity    : 1;
                                padding-top: 15px;
                            }

                            ul {
                                margin-top    : 10px;
                                padding-bottom: 0px;

                                li {
                                    padding      : 0px 10px;
                                    border-left  : 1px solid rgba(15, 35, 65, .1);
                                    line-height  : 1;
                                    margin-bottom: 15px;

                                    a {
                                        font-size: 14px;
                                        color    : #333333;
                                    }

                                    &:first-child {
                                        padding-left: 0;
                                        border-left : 0px;
                                    }

                                    &.padding-r-0 {
                                        padding-right: 0;
                                    }
                                }
                            }

                            &:first-child {
                                border: 0;
                            }

                        }
                    }
                }

                .line {
                    margin: 0 20px;
                }


                .language {
                    a {
                        font-size: 12px;
                    }
                }
            }
        }

        .top_nav_main {
            height     : 50px;
            line-height: 50px;
            position   : unset;
            z-index    : 1;

            .top_nav_main_content {
                padding-left: 30px;

                .group_logo {
                    img {
                        width : 50px;
                        height: 15px;
                    }
                }

                .group_nav_group {
                    display   : none;
                    position  : absolute;
                    width     : 100%;
                    right     : 0;
                    background: white;
                    top       : 0px;
                    height    : ~"calc(100% - 32px)";
                    overflow  : auto;
                    z-index   : 3;

                    .nav_group_item_group {
                        height  : ~"calc(100%  - 51px)";
                        overflow: auto;

                    }

                    .nav_group_item {
                        display      : block;
                        border-bottom: 1px solid rgba(15, 35, 65, 0.1);
                        padding      : 0px 20px;

                        .nav_title {
                            display        : flex;
                            align-items    : center;
                            justify-content: space-between;
                            padding        : 0;

                            p {
                                color    : #333333;
                                opacity  : 1;
                                font-size: 14px;
                            }
                        }



                        .group_item {
                            position  : relative;
                            top       : 0;
                            background: none;

                            .group_item_right {
                                width  : 100%;
                                padding: 0;

                                .group_item_right_top {
                                    // padding    : 0px 30px;
                                    line-height: normal;

                                    ul {
                                        border        : none;
                                        padding-bottom: 10px;

                                        li {
                                            margin        : 0;
                                            width         : 50%;
                                            text-align    : left;
                                            padding-bottom: 15px;

                                            a {
                                                font-size: 12px;
                                                color    : #666666;
                                            }

                                            &.active {
                                                display: none;
                                            }
                                        }
                                    }
                                }

                            }

                        }


                        &.show {
                            .nav_title {
                                position: relative;

                                p {
                                    color      : #333333;
                                    font-weight: normal;
                                }

                                i {
                                    transform : rotate(180deg);
                                    transition: transform 0.2s;
                                }

                                &:after {
                                    display: none;
                                }
                            }

                            .group_item {
                                display: block;
                            }
                        }

                        &.active {
                            .nav_title {
                                position: relative;

                                p {
                                    color      : #333333;
                                    font-weight: normal;
                                }

                                &:after {
                                    display: none;
                                }
                            }
                        }


                        &:first-child {
                            padding-right: 20px;
                        }
                    }
                }

                .group_nav_search {
                    text-align : right;
                    line-height: 50px;
                    height     : 50px;
                    padding    : 5px 0px;

                    .serach_input {
                        width  : auto;
                        padding: 0;
                        border : none;

                        input {
                            display     : none;
                            margin      : 0;
                            margin-right: 15px;

                        }

                        .icon_group {
                            vertical-align: baseline;

                            .serach_icon {
                                font-size     : 16px;
                                vertical-align: baseline;
                                color         : #ffffff;

                            }

                            .menu_icon {
                                text-align    : center;
                                font-size     : 16px;
                                color         : #ffffff;
                                margin-right  : 17px;
                                margin-left   : 34px;
                                vertical-align: baseline;

                            }
                        }

                    }


                }

                &.serach_open {
                    position: relative;

                    .group_nav_search {
                        position  : absolute;
                        background: white;
                        width     : 100%;
                        left      : 0;

                        .serach_input {
                            display        : flex;
                            justify-content: space-around;
                            text-align     : right;

                            padding: 0;
                            border : none;

                            input {
                                display      : block;
                                margin       : 0;
                                color        : #cccccc;
                                flex         : 1;
                                padding-left : 30px;
                                padding-right: 30px;
                                font-size    : 14px;

                                .emt {
                                    color: #cccccc;
                                }
                            }

                            .icon_group {


                                .serach_icon {
                                    color: #666666;
                                }

                                .menu_icon {
                                    display: none !important;
                                    color  : #666666;
                                }

                                .iconclose {
                                    display     : inline-block !important;
                                    margin-right: 17px;
                                    margin-left : 34px;
                                    font-size   : 16px;
                                }
                            }

                        }
                    }
                }

            }
        }

        .nav_mask {
            display: none;
        }
    }

}

body.mobileNavShow {
    .groupHeader {
        height: 100%;
    }

    @media (max-width: 991px) {
        overflow: hidden;

        .nav_mask {
            display: block;
        }

        .group_nav_group {
            display: block !important;
        }

        .top_nav {
            display: block !important;
        }
    }
}

//  .body.headHover 设计让改成hover 白色
body.headWhite,
body.headHover {

    //白色背景主题
    .top_nav_main {
        background: white;
        box-shadow: 0px 0px 10px 0px rgba(15, 35, 65, 0.05);
        filter    : none;

        .top_nav_main_content {
            .group_logo {
                .logo_w {
                    display: none;
                }

                .logo {
                    display: inline-block;
                }
            }

            .group_nav_group {
                .nav_group_item {
                    .nav_title {
                        p {
                            color         : #999999;
                            opacity       : 1;
                            filter        : alpha(opacity=100);
                            -moz-opacity  : 1;
                            -khtml-opacity: 1;

                            @media (max-width: 991px) {
                                color: #333333;
                            }
                        }
                    }

                    .group_item {

                        .group_item_left {
                            border-right: 1px solid @opacityBorder-fff;
                        }

                        .group_item_right {
                            .group_item_right_top {
                                ul {
                                    border-bottom: 1px solid @opacityBorder-fff;

                                    @media (max-width: 991px) {
                                        border: none;
                                    }
                                }
                            }
                        }
                    }

                    &.show {
                        .nav_title {
                            p {
                                color: #32beff;
                            }

                            &:after {
                                background: #32beff;
                            }
                        }

                    }

                    &.active {
                        .nav_title {


                            p {
                                color: #32beff;
                            }

                            &:after {
                                background: #32beff;
                            }
                        }
                    }
                }

            }

            .group_nav_search {


                .serach_input {
                    border: solid 1px #cccccc;

                    input {
                        color: #cccccc;

                        &.emt {
                            color: #cccccc;
                        }
                    }

                    .icon_group {

                        .serach_icon {
                            color: #666666;
                        }

                        .menu_icon {
                            color: #666666;

                        }
                    }

                }

            }
        }
    }
}

body.headHover .top_nav_main .top_nav_main_content .group_nav_group .nav_group_item.active .nav_title:after {
    background: none;
}



body.ie8 {

    //ie8 样式
    .top_nav {
        .top_nav_content_left {
            .officialWebsite {
                .brandCategory {
                    border-top: 1px solid @opacityBorder-fff;
                }
            }
        }

        .top_nav_content_right {
            .quick_entrance {
                .quickEntrance_content {
                    .quickEntrance_item {
                        border-top: 1px solid @opacityBorder-fff;

                        ul {
                            li {
                                border-left: 1px solid @opacityBorder-fff;
                            }
                        }
                    }
                }
            }
        }
    }

    .top_nav_main {

        .top_nav_main_content {
            .group_nav_group {
                .nav_group_item {
                    .group_item {
                        .group_item_left {
                            border-right: 1px solid @opacityBorder-fff;
                        }

                        .group_item_right {
                            .group_item_right_top {
                                ul {
                                    border-bottom: 1px solid @opacityBorder-fff;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}















//======================================公共尾=============================================//
.groupFooter {
    width     : 100%;
    background: #0f2341;

    .group_footer_content {
        margin-top: 60px;

        .group_footer_left {
            width         : 60%;
            vertical-align: top;
            text-align    : left;

            .group_fotter_left_item {
                box-sizing    : border-box;
                vertical-align: top;
                text-align    : left;

                &.padding-left-83 {
                    padding-left: 8.33%;
                }

                .group_fotter_left_item_title {
                    font-size    : 16px;
                    margin-bottom: 20px;
                    color        : #fefefe;

                    .iconfont {
                        color: #ffffff;
                    }

                }

                ul {
                    li {
                        margin-bottom: 15px;

                        a {
                            font-size     : 14px;
                            color         : #ffffff;
                            opacity       : 0.45;
                            filter        : alpha(opacity=45);
                            -moz-opacity  : 0.45;
                            -khtml-opacity: 0.45;
                            opacity       : 0.45;

                            &:hover {
                                -moz-opacity  : 1;
                                -khtml-opacity: 1;
                                opacity       : 1;
                                color         : #ffffff;
                                filter        : alpha(opacity=100);
                            }
                        }

                    }
                }
            }
        }

        .group_footer_right {
            width: 40%;

            .group_fotter_right_item_title {
                font-size    : 16px;
                color        : #fefefe;
                margin-bottom: 20px;
                text-align   : right;
                padding-right: 240px;

                a {
                    color: #fefefe;
                }
            }

            ul {
                text-align: right;

                li {
                    position   : relative;
                    margin-left: 15px;

                    &:first-child {
                        margin-left: 0px;
                    }

                    .iconBox {
                        text-align   : center;
                        width        : 48px;
                        height       : 48px;
                        line-height  : 48px;
                        border       : 1px solid #999;
                        border-radius: 50%;
                        box-sizing   : border-box;

                        p {
                            font-size: 30px;
                            color    : white;
                        }
                    }

                    .icon_ewm {
                        display    : none;
                        position   : absolute;
                        width      : 120px;
                        text-align : center;
                        left       : 50%;
                        margin-left: -60px;
                        z-index    : 2;

                        .iconarrow-sanjiao-up-s {
                            color: white;
                        }

                        img {
                            margin-top: -8px;
                            width     : 100%;
                            height    : 120px;
                            display   : block;
                        }
                    }

                    &:hover {
                        .icon_ewm {
                            display: block;
                        }
                    }
                }
            }
        }


    }

    .fotter_statement {
        margin-top      : 75px;
        background-color: #11284b;

        .fotter_statement_left {
            height     : 50px;
            line-height: 50px;


            a {
                font-size     : 12px;
                color         : #fefefe;
                filter        : alpha(opacity=60);
                -moz-opacity  : 0.6;
                -khtml-opacity: 0.6;
                opacity       : 0.6;
            }



            .line {
                font-size     : 12px;
                background    : #ffffff;
                margin        : 0px 15px;
                height        : 10px;
                opacity       : 0.1;
                filter        : alpha(opacity=10);
                -moz-opacity  : 0.1;
                -khtml-opacity: 0.1;
                opacity       : 0.1;
                width         : 1px;
            }
        }

        .fotter_statement_middel {
            height     : 50px;
            line-height: 50px;

            .line {
                height        : 10px;
                width         : 1px;
                background    : #ffffff;
                margin        : 0px 10px;
                opacity       : 0.1;
                filter        : alpha(opacity=10);
                -moz-opacity  : 0.1;
                -khtml-opacity: 0.1;
                opacity       : 0.1;
            }

            span {
                font-size     : 12px;
                filter        : alpha(opacity=10);
                -moz-opacity  : 0.3;
                -khtml-opacity: 0.3;
                opacity       : 0.3;
                color         : white;
            }
        }

        .fotter_statement_right {
            height     : 50px;
            line-height: 50px;

            span {
                font-size     : 12px;
                color         : #ffffff;
                filter        : alpha(opacity=30);
                -moz-opacity  : 0.3;
                -khtml-opacity: 0.3;
                opacity       : 0.3;
            }

            em {
                color         : #ffffff;
                font-size     : 12px;
                vertical-align: middle;
            }
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {

        // lg
        .group_footer_content {
            margin-top: 45px;

            .group_footer_left {
                .group_fotter_left_item {
                    .group_fotter_left_item_title {
                        font-size: 14px;
                    }

                    ul {
                        li {
                            a {
                                font-size: 12px;
                            }
                        }
                    }
                }
            }

            .group_footer_right {
                .group_fotter_right_item_title {
                    font-size    : 14px;
                    padding-right: 226px;
                }

                ul {
                    li {
                        margin-left: 10px;
                    }
                }
            }
        }

        .fotter_statement {
            margin-top: 45px;
        }
    }

    @media (min-width: 701px) and (max-width: 991px) {

        //md
        .group_footer_content {
            margin-top: 45px;

            .group_footer_left {
                width: 100%;

                .group_fotter_left_item {
                    .group_fotter_left_item_title {
                        font-size: 14px;
                    }

                    ul {
                        li {
                            a {
                                font-size: 12px;
                            }


                        }
                    }
                }
            }

            .group_footer_right {
                width     : 100%;
                margin-top: 18px;
                border-top: 1px solid rgba(255, 255, 255, 0.10);

                .group_fotter_right_item_title {
                    font-size    : 14px;
                    padding-right: 0;
                    text-align   : left;
                    margin-top   : 33px;
                }

                ul {
                    text-align: left;

                    li {
                        margin-left: 10px;

                        .icon_ewm {

                            position   : absolute;
                            width      : 120px;
                            text-align : center;
                            left       : 50%;
                            margin-left: -60px;
                            z-index    : 2;
                            top        : -121px;

                            .iconarrow-sanjiao-up-s {
                                color      : white;
                                position   : absolute;
                                bottom     : 0;
                                transform  : rotate(180deg);
                                bottom     : -9px;
                                margin-left: -8px;
                            }

                            img {
                                margin-top: -8px;
                                width     : 100%;
                                height    : 120px;
                                display   : block;
                            }
                        }
                    }
                }
            }
        }

        .fotter_statement {
            margin-top: 60px;

        }
    }

    @media (min-width: 576px) and (max-width: 700px) {

        //sm
        .group_footer_content {
            margin-top: 20px;

            .group_footer_left {
                width: 100%;

                .group_fotter_left_item {
                    padding      : 0px 30px;
                    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

                    &.padding-left-83 {
                        padding-left: 30px;
                    }

                    .group_fotter_left_item_title {
                        font-size      : 14px;
                        display        : flex;
                        align-items    : center;
                        justify-content: space-between;
                        margin-bottom  : 0;
                        height         : 50px;
                        line-height    : 50px;
                    }

                    ul {
                        display       : none;
                        padding-bottom: 10px;


                        li {

                            a {
                                font-size : 12px;
                                margin-top: 15px;
                            }
                        }
                    }

                    &.show {
                        ul {
                            display: block;
                        }
                    }

                }
            }

            .group_footer_right {
                width     : 100%;
                text-align: left;
                padding   : 0px 30px;
                margin-top: 20px;

                .group_footer_right_box {
                    display        : flex;
                    float          : none !important;
                    align-items    : center;
                    justify-content: space-between;
                    height         : 50px;

                    .group_fotter_right_item_title {
                        font-size     : 14px;
                        padding-right : 0px;
                        text-align    : left;
                        display       : inline-block;
                        vertical-align: middle;
                        margin-bottom : 0;
                        white-space   : nowrap;

                    }

                    ul {
                        display       : inline-block;
                        text-align    : right;
                        vertical-align: middle;

                        li {
                            margin-left: 10px;

                            .iconBox {
                                p {
                                    font-size: 25px;
                                }
                            }

                            &:last-child {
                                .icon_ewm {
                                    img {
                                        position: relative;
                                        right   : 10px;
                                    }
                                }
                            }

                            // .icon_ewm {

                            //     position   : absolute;
                            //     width      : 120px;
                            //     text-align : center;
                            //     left       : 50%;
                            //     margin-left: -60px;
                            //     z-index    : 2;
                            //     top        : -121px;

                            //     .iconarrow-sanjiao-up-s {
                            //         color      : white;
                            //         position   : absolute;
                            //         bottom     : 0;
                            //         transform  : rotate(180deg);
                            //         bottom     : -9px;
                            //         margin-left: -8px;
                            //     }

                            //     img {
                            //         margin-top: -8px;
                            //         width     : 100%;
                            //         height    : 120px;
                            //         display   : block;
                            //     }
                            // }
                        }
                    }
                }
            }
        }

        .fotter_statement {
            margin-top: 45px;

            .fotter_statement_left {
                height       : auto;
                line-height  : normal;
                margin-top   : 20px;
                margin-bottom: 10px;
            }

            .fotter_statement_middel {
                height       : auto;
                line-height  : normal;
                margin-bottom: 10px;
            }

            .fotter_statement_right {
                height       : auto;
                line-height  : normal;
                margin-bottom: 20px;
            }
        }
    }

    @media (max-width: 575px) {

        //xs
        .group_footer_content {
            margin-top: 20px;

            .group_footer_left {
                width: 100%;

                .group_fotter_left_item {
                    padding      : 0px 30px;
                    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

                    &.padding-left-83 {
                        padding-left: 30px;
                    }

                    .group_fotter_left_item_title {
                        font-size      : 14px;
                        display        : flex;
                        align-items    : center;
                        justify-content: space-between;
                        margin-bottom  : 0;
                        height         : 50px;
                        line-height    : 50px;
                    }

                    ul {
                        display       : none;
                        padding-bottom: 10px;


                        li {
                            a {
                                font-size : 12px;
                                margin-top: 15px;
                            }
                        }
                    }

                    &.show {
                        ul {
                            display: block;
                        }
                    }

                }
            }

            .group_footer_right {
                width     : 100%;
                text-align: left;
                padding   : 0px 30px;
                margin-top: 25px;

                .group_footer_right_box {

                    .group_fotter_right_item_title {
                        font-size        : 14px;
                        padding-right    : 0px;
                        text-align       : left;
                        display          : inline-block;
                        vertical-align   : middle;
                        margin-bottom    : 20px;
                        // white-space   : nowrap;


                    }

                    ul {
                        display       : inline-block;
                        text-align    : left;
                        vertical-align: middle;

                        li {


                            margin-left: 5px;

                            .iconBox {
                                p {
                                    font-size: 25px;
                                }

                            }

                            // .icon_ewm {

                            //     position   : absolute;
                            //     width      : 120px;
                            //     text-align : center;
                            //     left       : 50%;
                            //     margin-left: -60px;
                            //     z-index    : 2;
                            //     top        : -121px;

                            //     .iconarrow-sanjiao-up-s {
                            //         color      : white;
                            //         position   : absolute;
                            //         bottom     : 0;
                            //         transform  : rotate(180deg);
                            //         bottom     : -9px;
                            //         margin-left: -8px;
                            //     }

                            //     img {
                            //         margin-top: -8px;
                            //         width     : 100%;
                            //         height    : 120px;
                            //         display   : block;
                            //     }
                            // }

                            &:first-child {
                                margin-left: 0;

                                .icon_ewm {
                                    img {
                                        margin-left: 10px;
                                    }
                                }
                            }

                            &:last-child {
                                .icon_ewm {
                                    img {
                                        position: relative;
                                        // right: 10px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }

        .fotter_statement {
            margin-top: 45px;

            .fotter_statement_left {
                height       : auto;
                line-height  : normal;
                margin-top   : 20px;
                margin-bottom: 10px;
            }

            .fotter_statement_middel {
                height       : auto;
                line-height  : normal;
                margin-bottom: 10px;
            }

            .fotter_statement_right {
                height       : auto;
                line-height  : normal;
                margin-bottom: 20px;
            }
        }
    }
}
